<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            position: relative;
            width: 100px;
            height: 100px;
            font-size: 12px;
            /* range: 50%; */
            border-radius: 50%;
            background-color: skyblue;  
        }
        .abc {
            position: absolute;
            top: 50%;
            left: 50%;
            transform:translate(-50%,-50%) ;
            display: block;
             width: 10px;
             height: 10px;
             border-radius: 50%;   
             background-color: red;
            }
            i{
                width: 200px;
                color: #000;
                height: 100px;
            }
          
    </style>
</head>
<body>
    <div>
        <div class="abc">
        
        </div >
        <i></i>
    </div>
    
   <script>
       const TTT=''
    //    未来时间
 var time1=new Date('2021-12-09')
//  现在时间
var time2=new Date()
// 转换成天
window.setTimeout(() => {
//     const day=parseInt((time1-time2)/1000/60/60/24)+1
// console.log(day);
console.log(time2);
}, 1000);
   </script>
</body>
</html>